CSS Document */
body { margin:0; padding:0;font-size:12px;font-family:'Microsoft YaHei';text-align:left;line-height:22px; background:#fff; color:#333333;}
body > div {margin-right:auto; margin-left:auto;} 
body,html{padding:0;margin:0;}
div,form,img,ul,ol,li,p,dl,dt,dd { margin: 0; padding: 0; border: 0;}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0;font-weight:normal;font-family:'Microsoft YaHei';font-weight:bold;font-size:14px;}
ul,li {display:block;list-style:none;line-height:24px;}
img{border:0px;display: block;}
.area:after,.clear:after{content:"";display:block;visibility:hidden;height:0;clear:both;}
.clear,.area{zoom:1;}
a {text-decoration:none;color:#333;cursor: pointer;cursor: hand;outline:none;}
a:hover{text-decoration: none;}
.area .title{width: 1200px;margin:55px auto 60px;}
.area .title h1{margin:0 auto ;font-size: 38px;font-weight: normal;line-height: 38px;text-align: center;color: #4b4b4b;}

/*banner*/
.banner .Submenu{width: 270px;box-sizing: border-box;background-color: #fff;padding:17px 33px;    overflow: hidden;
    position: absolute;
    bottom: 0px;
    z-index: 1;
    left: 358px;}
.banner .Submenu h2{margin-bottom:24px; background: url(../images/navSubmenu.png)  left 1px no-repeat;padding-left:30px;color: #0075c1;font-size: 16px;line-height: 18px; font-style:normal;}
.banner .Submenu ul{overflow: hidden;}
.banner .Submenu h3{color: #0075c1;font-size: 15px;line-height: 31px;padding: 6px 0;font-style:normal;}
.banner .Submenu a{color: #303030;font-size: 15px;line-height: 24px;}


/*倒计时*/
.section2{margin:0 auto;}
.section2 .item{ background: #f8f8f8 url(../images/countdown.png) center 15px no-repeat;}
.section2 .item_area{width: 1346px;margin:0 auto;overflow: hidden;}
.section2 .item1-gk{float: left;height: 80px; margin: 0 84px;}
.section2 .item1-gk p{font-size: 19px;line-height: 81px;color: #4c4948;text-align: center;}
.section2 .item1-gk span{display: inline-block;margin:0 10px 0 14px;background: url(../images/item1_gk_2.png) top center no-repeat; padding: 0 13px; font-size: 20px;line-height: 44px;border-radius: 10px; color: #fff;font-weight: bold;}
.section2 .item1-gk span:nth-child(1){background: url(../images/item1_gk_1.png) top center no-repeat; }
   /*倒计时结束*/

.section2 .area {width: 1200px;margin: 0 auto;}
.section2 .content{overflow: hidden;}
.section2 .content img{margin-bottom: 142px;}
.section2 .content ul{overflow: hidden;}
.section2 .content li{float: left;position: relative;width: 203px;box-shadow: #cecccc 0px 0px 6px;border-radius: 10px; margin:113px 18px 94px;padding:59px 0 0 0}
.section2 .content .pic{position: absolute;top:-25%;left:28%;width: 88px;height: 88px;box-sizing: border-box; border-radius: 50%; background: #c1c1c1;padding:15px;}
.section2  li:hover .pic{background: #df0700;}
.section2 .pic img{display: block;margin:0px auto;}
.section2 .content h3{font-size: 21px;line-height: 35px;text-align: center;color:#303030;}
.section2 .content p{font-size: 16px;line-height: 30px;text-align: center;color:#777777;}
.section2 .content a{display: block;width: 138px;height: 36px;border-radius: 45px;margin:16px auto 29px;border:1px solid #adadad;font-size: 16px;line-height:32px;text-align: center;color:#adadad;}
.section2  li:hover a{border:none; background: #df0700;color:#fff;}
/*励学个性化  提升学习力*/
.section3{margin:0 auto;background-color: #f9f9f9;overflow: hidden;}
.section3 .area{width: 1200px;margin:0 auto;}
.section3 .content ul{overflow: hidden;padding-bottom: 50px;}
.section3 .content li{float: left;width: 283px; margin:8px 9px 0 8px; padding:29px 0 25px 0;}
.section3 .content li:hover{box-shadow: #cecccc 0px 0px 6px;border-radius: 10px;background-color: #fff;}
.section3 li h3{margin:0 auto;font-size: 22px;line-height: 22px;text-align: center;}
.section3 li img{width: 147px;margin:42px auto 32px;}
.section3 li img:nth-child(3){display: none;}
.section3 li:hover img:nth-child(2){display: none;}
.section3 li:hover img:nth-child(3){display: block;}
.section3 .content p{font-size: 15px;line-height: 31px;text-align: center;color: #777777;}
.section3 .content span{font-size: 17px;}
/*“五环十步”教学体系 让学习效果看得见*/
.sect{overflow: hidden;}
.section6{background: url(../images/sec6_bg1.png)  center 283px no-repeat;}
.section6 .area{width: 1360px;margin:0 auto;}
.section6 .area .title{margin:106px auto 0px;}
.sect .area .content{overflow: hidden;margin:0 auto; }
.sect .content h2{font-size: 25px;line-height: 38px;color: #fff;font-weight: normal; }
.sect .content {position: relative;}
.section6 .content img{position: absolute;top:17px;left:107px;}
.section6 .content h2{position: absolute;top:224px;left:513px;}
.section6 .content ul{overflow: hidden;}
.section6 .content li{float: left;width: 208px;margin:0 11px;}
.section6 .content ul.sub1_1{padding: 231px 20px 30px 664px;}
.section6 .content ul.sub1_2{padding: 21px 0px 60px 547px;}
.sect .content h3{margin:0px auto; font-size: 22px;line-height: 22px;text-align: center;color: #fff;}
.sect .content p{font-size: 15px;line-height: 25px;text-align: center;color: #fff;}
.sect .content span{display:inline-block;margin:12px auto;border-radius: 45px;padding:0 15px;background-color: #fff;font-size: 16px;line-height: 19px;color: #df0700;}

.section22{background: url(../images/sec6_sub2.png)  top center no-repeat;}
.section22 .area{width: 1300px;margin:0 auto;}
.section22 .content{position: relative; }
.section22 .content  h2{color: #303030;position: absolute;top: 205px;left: 1079px;}
.section22 .content  ul{overflow: hidden;}
.section22 .content  li{float: left;width: 115px;margin:0 16px;}
.section22 .content  ul.sub2_1{padding: 87px 20px 30px 23px;}
.section22 .content  ul.sub2_2{padding: 118px 0px 98px 95px;}
.section22 .content p{color: #474747;text-align: left;}

/*多种辅导形式  满足各类需求*/




.section10{margin:0 auto;}
.section10 .title{margin:0 auto;background: url(../images/sec10_title.png) top center no-repeat;}
.section10 h1{width: 1200px;margin:0 auto;font-size: 39px;line-height: 174px;color: #fff;font-weight: normal;text-align: center;}

.section10 .area{width: 1200px;margin:0 auto ;overflow: hidden;}
.section10 .area ul{overflow: hidden;margin-bottom: 112px;}
.section10 .area li{position: relative;float: left;width: 381px;height: 365px;box-sizing: border-box;margin:75px 28px 0 0;}
.section10 .area li:nth-child(3){margin-right:0px;}
.section10 .area a.sub{display: block;width: 100%;height: 100%;}
.section10 .area a.sub1{background: url(../images/sec10_1.png) top center no-repeat;}
.section10 .area a.sub2{background: url(../images/sec10_2.png) top center no-repeat;}
.section10 .area a.sub3{background: url(../images/sec10_3.png) top center no-repeat;}

.section10 .area .box{position: absolute; width: 100%;height: 100%;box-sizing: border-box;left: 0; bottom:-100%;padding:28px 22px 17px 26px;background-color: rgba(0, 0, 0, 0.6);}
.section10 .sub_b em{display: block;width: 150px;height: 33px;border-radius: 45px; background-color: #fff;color: #303030; font-size: 21px;line-height: 33px;text-align: center;font-style: normal;}
.section10 .sub3_b em{ margin-left: 15px;}
.section10 .sub_b h2{margin:15px 16px 27px;text-align: left; color: #fff; font-size: 40px;line-height: 46px;}
.section10 .sub3_b h2{margin: 16px -12px 27px;font-size: 41px;}
.section10 .sub_b h3{margin:0px;text-align: left; color: #fff; font-size: 20px;line-height: 20px;}
.section10 .sub_b p{margin:26px 0px 75px;text-align: left; color: #fff; font-size: 16px;line-height: 26px;}
.section10 .sub_b strong{display: block;text-align: right;font-size: 16px;line-height: 16px;color: #fff;font-weight: normal;}
.section10 strong span{display: inline-block;margin-left: 6px;border: 8px solid #fff;border-top-color: transparent;border-right-color: transparent;border-bottom-color: transparent;}
.section10 a.sub:hover .box{bottom: 0;}
.section10 .sub:hover .box{position: absolute;left: 0;bottom: -100%;width: 100%;height: 100%;transition: bottom .3s;}


/*精准定位 分层教学*/
.section4{margin:0 auto;}
.section4 .area {width: 1200px;margin:0px auto;}
.section4 .area .title{margin:0px auto;}
.hmSubject {margin-bottom: 60px;border-bottom: 1px dotted #696969;}
.hmSubject .content {margin: 0 auto;overflow-x: auto;}
.hmSubject ul {white-space: nowrap;font-size: 0;line-height: normal;text-align: center;padding: 20px 0;margin-top: 30px;}
.hmSubject li {display: inline-block;font-size: 20px;line-height: 35px; color: #373737;padding: 0 5px;}
.hmSubject li a {display: block;padding: 0 35px;height: 34px;line-height: 34px;color: #333;border-radius: 17px;box-sizing: border-box;}
.hmSubject li.cur a, .hmSubject li a:hover {display: block;text-decoration: none;width: 110px; height: 35px;margin:0; color: #fff;background-color: #0075c1;border-radius: 45px;}
.hmBox3 .box {overflow: hidden;}
.hmGrade {width: 300px;float: left;margin-top: 12px;}
.hmGrade li {font-size: 20px;padding: 20px 0;}
.hmGrade a {height: 43px;line-height: 43px;display: block;background-color: #eee;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #333;padding: 0 15px 0 40px;transition: all .2s;}
.hmGrade li.cur > a, .hmGrade a:hover {background-color: #f3514c;color: #fff;}
.hmGrade a i {float: right;font-style: normal;}
.hmCourse {float: right;width: 758px;padding-right: 48px;}
.hmCourse li {display: table-cell;vertical-align: bottom;padding-left: 2px;width: 20%;}
.hmCourse li a {color: #333;display: block;overflow: hidden;}
.hmCourse .mark {font-size: 20px;text-align: center;margin-bottom: 22px;transition: color .2s;font-weight: bold;}
.hmCourse .li1 .mark {color: #fd746e;}
.hmCourse .li2 .mark {color: #fc5953;}
.hmCourse .li3 .mark {color: #f7362f;}
.hmCourse .li4 .mark {color: #df231c;}
.hmCourse .li5 .mark {color: #cb100a;}
.hmCourse li .info{position: relative;background-color: #e5e5e5;color:#666;}
.hmCourse li .info:hover{background-color: #e12d30;color: #fff;}
.hmCourse .li1 .info {height: 120px;}
.hmCourse .li2 .info {height: 180px;}
.hmCourse .li3 .info {height: 240px;}
.hmCourse .li4 .info {height: 300px;}
.hmCourse .li5 .info {height: 360px;}

.hmCourse .text {font-size: 13px;padding: 15px 11px 0;line-height: 18px;display: table-cell;vertical-align: bottom;}
.hmCourse .text p {font-size: 13px;line-height: 24px;text-align-last: left;}
.hmCourse .consult {width: 111px;height: 21px;text-align: center;line-height: 21px;font-size: 13px;color: #f4615d;background-color: #fff;border-radius: 16px;margin: 0 auto;position: absolute;bottom: 10px;left: 50%;margin-left: -57px;}

.hmCourse .level {font-size: 20px;text-align: center;padding-top: 20px; color: #595757}
/*学习提升  从选择好老师开始*/
.section7 .area{width: 1200px;margin:0 auto;}
.section7 .content{overflow: hidden;margin:0 auto; }
.section7 .content .t{float: left;margin-right: 53px;}
.section7 .t h4{margin:0px auto 36px;font-size: 22px;line-height: 22px;color: #777777;text-align: center;font-weight: normal;}
.section7 .t img{margin:0px auto;width: 499px;height: 475px;}
.section7 .content div.swiper-container{float: left; float:left;width:600px;padding:0 20px;height:500px;margin-top: 30px;}
.section7 .content li{float: left;width: 286px;border:1px solid #a7a7a7;box-sizing: border-box;}
.section7 li h5{position: absolute;top:301px;left: 113px;font-size: 21px;color: #373737;text-align: center;margin:0 auto;}
.section7 li p{position: absolute;top:350px;left: 30px;width: 224px;font-size: 14px;line-height: 22px;color: #373737;text-align: left;}
.section7 div.swiper-container .swiper-button-prev{background:url(../images/prev.png) no-repeat left;left:0px;}
.section7 div.swiper-container .swiper-button-next{background:url(../images/next.png) no-repeat right;right:0px;}

.section7 .order {margin:65px auto 70px;}
.section7 .order h5{margin:0 auto;font-size: 39px;line-height: 59px;color: #0075c1;text-align: center; }
.section7 .order p{font-size: 20px;line-height: 50px;color: #909090;text-align: center; }
.section7 .order ul{overflow: hidden;width: 1200px;margin:50px auto 0;}
.section7 .order li{float: left;width: 298px;margin-right: 16px;}
.section7 .order li:nth-child(4){width: 224px;margin:0;}
.section7 .order input{width: 298px;height: 52px;box-sizing: border-box; border:1px solid #000;border-radius: 10px;font-size: 20px;padding-left: 12px;}
.section7 .order  input::-webkit-input-placeholder { 
/* WebKit browsers */ 
color: #a4a4a4; font-size: 20px;} 
.section7 .order  input:-moz-placeholder { 
/* Mozilla Firefox 4 to 18 */ 
color: #a4a4a4;  font-size: 20px;} 
.section7 .order input::-moz-placeholder { 
/* Mozilla Firefox 19+ */ 
color: #a4a4a4;  font-size: 20px;} 
.section7 .order input:-ms-input-placeholder { 
/* Internet Explorer 10+ */ 
color: #a4a4a4; font-size: 20px; }
.section7 .order a {display: block;width: 224px;height: 52px;box-sizing: border-box; border:1px solid #000;border-radius: 10px;font-size: 26px;line-height:52px;color: #fff;text-align: center;background-color: #0075c1;}



/*9年专注个性化 品质信赖之选*/
.section9 .area{width: 1200px;margin:0 auto;}
.section9 .area  .title {margin-top: 80px;}
.section9 .content{overflow: hidden;background-color: #fff;box-shadow: #e2e2e2 0px 0px 8px;margin-bottom: 93px;padding:28px 0px 25px 25px;}
.section9 .content .left{float: left;width: 575px;margin:0 auto;}
.section9 .content .right{float: left;width: 575px;margin:0 auto;}
.section9 .right li{padding:44px 0px 13px 109px;}
.section9 .right img{float: left;margin:0 26px 0 0;}
.section9 .right p{font-size: 20px;line-height: 59px;color: #303030;text-align: left;}
/*教育资讯*/
.section11 .title{background: url(../images/sec11_title.png) top center no-repeat;}
.section11 h1{width: 1200px;margin:0 auto;font-size: 39px;line-height: 174px;color: #fff;font-weight: normal;text-align: center;}
.section11 .area{width: 1200px;margin:49px auto;overflow: hidden;background: url(../images/sec11.png) 710px 5px no-repeat;}
.section11 .area .content{width: 100%;margin:0;}
.section11 .content .artcle{border-bottom: 1px dashed #838383;overflow: hidden;width: 600px;}
.section11 .artcle h3{float: left;padding-left: 6px; font-size: 22px;line-height: 54px;color: #303030;text-align: left;}
.section11 .artcle a{float: right;font-size: 17px;line-height: 54px;color: #303030;padding-right: 6px;}
.section11 .area .sub{width: 600px;height: 280px;padding:14px 7px;}
.section11 .sub p{font-size: 18px;line-height: 45px;margin:0;color: #303030;text-align: left;}

/*荣誉奖项*/
.section12 h1{width: 1200px;margin:0 auto;font-size: 39px;line-height: 39px;color: #303030;font-weight: normal;text-align: center;}
.section12 .area{width: 1200px;margin:0 auto;overflow: hidden;}
.section12 .area ul{overflow: hidden;}
.section12 .area li{float: left;width: 220px;margin:50px 40px 67px;}
.section12 li img{margin:0 auto;}
.section12 li h3{padding-top:10px;font-size: 16px;line-height: 34px;text-align: center;color: #3a3a3a;font-weight: bold;}
.section12 li p{font-size: 15px;line-height: 22px;text-align: center;color: #3a3a3a;}